<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <script src="../js/plugins/flexible.js"></script>
    <title>千梦</title>
    <link rel="stylesheet" href="../css/public/common.css">
    <link rel="stylesheet" href="../css/index.css">
</head>

<body>
    <div class="scroll">
        <div class="step swipe-list-1" style="">
            <div class="logo_img">
                <img src="../img/index.png" class="zoomIn" alt="">
            </div>
        </div>
        <div class="step swipe-list-2" id="J-swipe-list">
            <div class="icons_wrap clearfix">
                <a href="about.html#2" class="icons icon-2"><span class="icon_txts">关于千梦</span></a>
                <a href="dream.html#2" class="icons icon-3"><span class="icon_txts">梦想家</span></a>
                <a href="intelligence.html#2" class="icons icon-1"><span class="icon_txts">智力交流</span></a>
                <a href="sport.html#2" class="icons icon-4"><span class="icon_txts">户外运动</span></a>
            </div>
            <div class="tit">
                <p>提供一条龙商务服务+S级休闲服务=商业融合</p>
                <p>——致力于成为一流商务俱乐部——</p>
            </div>
            <div class="videobg">
                <img src="../img/bg_02.png" alt="">
                <a class="j_video_btn" href="javascript:;"></a>
                <div class="video_txt_box" data-url="../img/video_20161202_153609.mp4">
                </div>
            </div>
            <div id="foo" class="footer">@&nbsp;千梦计划(厦门)俱乐部</div>
        </div>
    </div>
    <!-- 视频按扭弹窗 -->
    <div class="video_window">
        <div class="window_box">
            <video src="#" webkit-playsinline="" controls="controls"></video><i class="close">×</i>
        </div>
    </div>
    <!-- end -->
    <script type="text/javascript" src="../js/plugins/swiper.js"></script>
    <script type="text/javascript" src="../js/jquery.min.js"></script>
    <script type="text/javascript" src="../js/plugins/fastclick.js"></script>
    <script>
    $(function() {
        FastClick.attach(document.body);
        var scroll = Scrolls({
            box: '.scroll',
            step: '.step',
            direction: 'v'
        });

        //实现点击第二屏四个按钮
        if (localStorage.getItem("goIndex")) {
            scroll.next();
            localStorage.setItem("goIndex", "");
        }
        $("#J-swipe-list").find("a").on("click", function() {
            localStorage.setItem("goIndex", 2);
        });
        //实现点击第二屏四个按钮--end

        //视频
        $(".videobg").delegate(".j_video_btn", "click", function() {
            var _src = $(".videobg").find(".video_txt_box").attr("data-url");
            $('.video_window').find("video").attr("src", _src).end().show();
        });
        //视频关闭按钮
        $(document).delegate(".close", "click", function() {
            $('.video_window').hide();
            $(".window_box").find("video").attr("src", "#");
        });

       

    });
    </script>
</body>

</html>
